﻿<UserControl x:Class="DiscoveryLogic.UI.Layouts.Controls.VideoPlayer"
             xmlns="http://schemas.microsoft.com/client/2007"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    
    <Canvas x:Name="Root">
        
  <Canvas.Resources>
    <Storyboard x:Name="VideoFlyout">
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="VideoPanel" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0" KeySpline="0,0,0.504,1"/>
        <SplineDoubleKeyFrame KeyTime="00:00:01.1000000" Value="400" KeySpline="0,0,0.5,1"/>
      </DoubleAnimationUsingKeyFrames>
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="VideoPanel" Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0" KeySpline="1,0,1,1"/>
        <SplineDoubleKeyFrame KeyTime="00:00:01.1000000" Value="1" KeySpline="0.714,0,1,1"/>
      </DoubleAnimationUsingKeyFrames>
    </Storyboard>
    <Storyboard x:Name="VideoFlyback">
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="VideoPanel" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="400" KeySpline="0,0,0.504,1"/>
        <SplineDoubleKeyFrame KeyTime="00:00:01.1000000" Value="0" KeySpline="0,0,0.5,1"/>
      </DoubleAnimationUsingKeyFrames>
      <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="VideoPanel" Storyboard.TargetProperty="(UIElement.Opacity)">
        <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1" KeySpline="1,0,1,1"/>
        <SplineDoubleKeyFrame KeyTime="00:00:01.1000000" Value="0" KeySpline="0.714,0,1,1"/>
      </DoubleAnimationUsingKeyFrames>
    </Storyboard>
  </Canvas.Resources>
  <Canvas x:Name="VideoPanel" Width="188.81" Height="240.003" Canvas.Top="-302.5" RenderTransformOrigin="0.5,0.5" Canvas.Left="250.665">
    <Canvas.RenderTransform>
      <TransformGroup>
        <ScaleTransform ScaleX="1" ScaleY="1"/>
        <SkewTransform AngleX="0" AngleY="0"/>
        <RotateTransform Angle="0"/>
        <TranslateTransform X="0" Y="0"/>
      </TransformGroup>
    </Canvas.RenderTransform>
    <Rectangle Width="170.307" Height="207.836" RadiusX="10" RadiusY="10" Opacity="0.075" StrokeThickness="2" Canvas.Left="10.503" Canvas.Top="15.5">
      <Rectangle.OpacityMask>
        <LinearGradientBrush EndPoint="0.5,0" StartPoint="0.5,1">
          <GradientStop Color="#00747045" Offset="0"/>
          <GradientStop Color="#00747045" Offset="1"/>
          <GradientStop Color="#FF747045" Offset="0.034"/>
          <GradientStop Color="#FF747045" Offset="0.832"/>
        </LinearGradientBrush>
      </Rectangle.OpacityMask>
      <Rectangle.Fill>
        <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
          <GradientStop Color="#001D62AF" Offset="0"/>
          <GradientStop Color="#001D62AF" Offset="1"/>
          <GradientStop Color="#FF1D62AF" Offset="0.06"/>
          <GradientStop Color="#FF1D62AF" Offset="0.94"/>
        </LinearGradientBrush>
      </Rectangle.Fill>
    </Rectangle>
    <Rectangle Width="175.667" Height="210" Fill="#1E1D62AF" RadiusX="10" RadiusY="10" Opacity="1" StrokeThickness="2">
      <Rectangle.Stroke>
        <LinearGradientBrush EndPoint="0.368,0.396" StartPoint="1.434,1.515">
          <GradientStop Color="#FF072F2F" Offset="0.005"/>
          <GradientStop Color="#FDFFFFFF" Offset="1"/>
        </LinearGradientBrush>
      </Rectangle.Stroke>
    </Rectangle>
    <Rectangle Width="175.667" Height="210" RadiusX="10" RadiusY="10" Opacity="1" StrokeThickness="2">
      <Rectangle.Fill>
        <LinearGradientBrush EndPoint="1.656,0.06" StartPoint="-0.192,1.88" SpreadMethod="Repeat">
          <GradientStop Color="#78FFFFFF" Offset="0.601"/>
          <GradientStop Color="#00FFFFFF" Offset="0.622"/>
          <GradientStop Color="#00FFFFFF" Offset="0.4"/>
          <GradientStop Color="#3EFFFFFF" Offset="0.444"/>
          <GradientStop Color="#00FFFFFF" Offset="0.716"/>
          <GradientStop Color="#61FFFFFF" Offset="0.708"/>
          <GradientStop Color="#00FFFFFF" Offset="0.935"/>
          <GradientStop Color="#00FFFFFF" Offset="0.935"/>
          <GradientStop Color="#00FFFFFF" Offset="0.909"/>
          <GradientStop Color="#00FFFFFF" Offset="0.293"/>
          <GradientStop Color="#32FFFFFF" Offset="0.37"/>
          <GradientStop Color="#00FFFFFF" Offset="0.433"/>
          <GradientStop Color="#58FEFEFE" Offset="0.012"/>
          <GradientStop Color="#59FEFEFE" Offset="0.979"/>
          <GradientStop Color="#18FFFFFF" Offset="0.057"/>
          <GradientStop Color="#00FFFFFF" Offset="0.688"/>
          <GradientStop Color="#18FFFFFF" Offset="0.49"/>
        </LinearGradientBrush>
      </Rectangle.Fill>
    </Rectangle>
    <Rectangle Width="156.164" Height="156.164" Fill="#FF1D62AF" StrokeThickness="1" RadiusX="3" RadiusY="3" Canvas.Left="11.003" Canvas.Top="17.003">
      <Rectangle.Stroke>
        <LinearGradientBrush EndPoint="0.771,0.844" StartPoint="-0.055,-0.062">
          <GradientStop Color="#FF072F2F" Offset="0.005"/>
          <GradientStop Color="#FDFFFFFF" Offset="1"/>
        </LinearGradientBrush>
      </Rectangle.Stroke>
    </Rectangle>

    <!--
    <Image Width="204.8" Height="136.64" Canvas.Left="-25.99" Canvas.Top="26.369" Source="42-18524311.jpg" Stretch="Fill" Clip="M45.859,0.5 L181.499,0.5 L181.499,136.14 L45.859,136.14 z" RenderTransformOrigin="0.5,0.5">
      <Image.RenderTransform>
        <TransformGroup>
          <ScaleTransform ScaleX="1.1" ScaleY="1.1"/>
          <SkewTransform AngleX="0" AngleY="0"/>
          <RotateTransform Angle="0"/>
          <TranslateTransform X="0" Y="0"/>
        </TransformGroup>
      </Image.RenderTransform>
    </Image>
    
    -->

    <MediaElement Width="204.8" Height="136.64" Canvas.Left="-25.99" Canvas.Top="26.369" x:Name="mainMediaElement" Stretch="Fill" AutoPlay="False" Source="/BAI - Fees 2.wmv" Clip="M45.859,0.5 L181.499,0.5 L181.499,136.14 L45.859,136.14 z" />

    <Canvas Width="172.366" Height="3.334" Canvas.Left="1.806" Canvas.Top="176.009" x:Name="divider_Copy3">
      <Path Width="171.699" Height="2" Stretch="Fill" Stroke="#491D62AF" StrokeEndLineCap="Round" StrokeStartLineCap="Round" StrokeThickness="1" Data="M107.80833,143.66567 L277.50774,143.66567"/>
      <Path Width="171.699" Height="2" Stretch="Fill" Stroke="#AEFFFFFF" StrokeEndLineCap="Round" StrokeStartLineCap="Round" StrokeThickness="1" Data="M107.80833,143.66567 L277.50774,143.66567" Canvas.Left="0.667" Canvas.Top="1.334"/>
    </Canvas>
    <Canvas x:Name="PlayBut" Width="23" Height="23" Canvas.Left="77.5" Canvas.Top="179.343">
      <Ellipse Width="23" Height="23" StrokeThickness="1">
        <Ellipse.Fill>
          <RadialGradientBrush GradientOrigin="0.5,0.717">
            <RadialGradientBrush.RelativeTransform>
              <TransformGroup>
                <ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="2.541" ScaleY="1.227"/>
                <SkewTransform AngleX="0" AngleY="0" CenterX="0.5" CenterY="0.5"/>
                <RotateTransform Angle="0" CenterX="0.5" CenterY="0.5"/>
                <TranslateTransform X="0.001" Y="0.11"/>
              </TransformGroup>
            </RadialGradientBrush.RelativeTransform>
            <GradientStop Color="#FF1D62AF" Offset="0.356"/>
            <GradientStop Color="#FF072F2F" Offset="1"/>
            <GradientStop Color="#FF74B6FF" Offset="0"/>
          </RadialGradientBrush>
        </Ellipse.Fill>
        <Ellipse.Stroke>
          <LinearGradientBrush EndPoint="0.505,1.012" StartPoint="0.522,0.239">
            <GradientStop Color="#FF072F2F" Offset="0"/>
            <GradientStop Color="#FF1D62AF" Offset="0.591"/>
            <GradientStop Color="#FF74B6FF" Offset="1"/>
          </LinearGradientBrush>
        </Ellipse.Stroke>
      </Ellipse>
      <Ellipse Width="23" Height="23" StrokeThickness="1">
        <Ellipse.Fill>
          <RadialGradientBrush GradientOrigin="0.503,0.59">
            <RadialGradientBrush.RelativeTransform>
              <TransformGroup>
                <ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="1.006" ScaleY="0.709"/>
                <SkewTransform AngleX="0" AngleY="0" CenterX="0.5" CenterY="0.5"/>
                <RotateTransform Angle="180" CenterX="0.5" CenterY="0.5"/>
                <TranslateTransform X="-0.002" Y="-0.12"/>
              </TransformGroup>
            </RadialGradientBrush.RelativeTransform>
            <GradientStop Color="#0074B6FF" Offset="0.606"/>
            <GradientStop Color="#AF74B6FF" Offset="0.019"/>
          </RadialGradientBrush>
        </Ellipse.Fill>
      </Ellipse>
      <Path Width="20" Height="12.417" Stretch="Fill" StrokeThickness="1" Canvas.Left="1.5" Canvas.Top="0.931" Data="M23,11.5 C23,17.851275 20.5,11.332844 11.5,11.332844 2.5,11.332844 0,17.851275 0,11.5 0,5.1487254 5.1487254,0 11.5,0 17.851275,0 23,5.1487254 23,11.5 z">
        <Path.Fill>
          <RadialGradientBrush GradientOrigin="0.5,0.717">
            <RadialGradientBrush.RelativeTransform>
              <TransformGroup>
                <ScaleTransform CenterX="0.5" CenterY="0.5" ScaleX="1.412" ScaleY="1.473"/>
                <SkewTransform AngleX="0" AngleY="0" CenterX="0.5" CenterY="0.5"/>
                <RotateTransform Angle="0" CenterX="0.5" CenterY="0.5"/>
                <TranslateTransform X="0.001" Y="0.228"/>
              </TransformGroup>
            </RadialGradientBrush.RelativeTransform>
            <GradientStop Color="#E9FFFFFF" Offset="1"/>
            <GradientStop Color="#00FFFFFF" Offset="0.337"/>
          </RadialGradientBrush>
        </Path.Fill>
      </Path>
      <Path Width="11.875" Height="10.333" Fill="#FFFFFFFF" Stretch="Fill" Stroke="#FFFFFFFF" StrokeLineJoin="Round" StrokeThickness="1" Canvas.Left="6.75" Canvas.Top="6.647" Data="M331.875,279.624 L331.875,286.99899 340.5,282.99899 z"/>
    </Canvas>
    <TextBlock Width="39.687" Height="17.844" Canvas.Left="25.783" Canvas.Top="184.842" FontSize="9" Foreground="#FF1D62AF" Text="Dispute" TextWrapping="Wrap"/>
    <TextBlock Width="39.687" Height="17.844" FontSize="9" Foreground="#FF1D62AF" Text="Inquiry" TextWrapping="Wrap" Canvas.Left="123.129" Canvas.Top="184.842"/>
    <Image x:Name="icon_dispute" Width="20" Height="31" Canvas.Left="3.427" Canvas.Top="179.916" Source="/Assets/icon_dispute.png" Stretch="Fill"/>
    <Image x:Name="icon_inruiry" Width="20" Height="31" Canvas.Left="153.875" Canvas.Top="179.916" Source="/Assets/icon_inquiry.png" Stretch="Fill"/>
    <Canvas Width="13.25" Background="Transparent" Height="13.25" Canvas.Left="158.335" Canvas.Top="2.999" x:Name="CloseBut">
      <Path Width="6.81" Height="6.81" Stretch="Fill" StrokeEndLineCap="Round" StrokeStartLineCap="Round" StrokeThickness="1" Data="M160.085,5.249 L170.72837,15.892366" Canvas.Left="3.167" Canvas.Top="3.167">
        <Path.Stroke>
          <LinearGradientBrush EndPoint="0.771,0.844" StartPoint="-0.055,-0.062">
            <GradientStop Color="#D2072F2F" Offset="0.005"/>
            <GradientStop Color="#91072F2F" Offset="1"/>
          </LinearGradientBrush>
        </Path.Stroke>
      </Path>
      <Path Width="6.81" Height="6.81" Stretch="Fill" StrokeThickness="1" Data="M160.085,5.249 L170.72837,15.892366" RenderTransformOrigin="0.5,0.5" StrokeEndLineCap="Round" StrokeStartLineCap="Round" Canvas.Left="3.167" Canvas.Top="3.167">
        <Path.Stroke>
          <LinearGradientBrush EndPoint="0.771,0.844" StartPoint="-0.055,-0.062">
            <GradientStop Color="#D2072F2F" Offset="0.005"/>
            <GradientStop Color="#91072F2F" Offset="1"/>
          </LinearGradientBrush>
        </Path.Stroke>
        <Path.RenderTransform>
          <TransformGroup>
            <ScaleTransform ScaleX="-1" ScaleY="1"/>
            <SkewTransform AngleX="0" AngleY="0"/>
            <RotateTransform Angle="0"/>
            <TranslateTransform X="0" Y="0"/>
          </TransformGroup>
        </Path.RenderTransform>
      </Path>
      <Ellipse Width="13.25" Height="13.25" StrokeEndLineCap="Flat" StrokeStartLineCap="Flat" StrokeThickness="1">
        <Ellipse.Stroke>
          <LinearGradientBrush EndPoint="0.771,0.844" StartPoint="-0.055,-0.062">
            <GradientStop Color="#FF072F2F" Offset="0.005"/>
            <GradientStop Color="#FDFFFFFF" Offset="1"/>
          </LinearGradientBrush>
        </Ellipse.Stroke>
      </Ellipse>
    </Canvas>
  </Canvas>
</Canvas>
    
    
</UserControl>
